<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>教师管理</title>
    <!--<link rel="stylesheet" href="layui/css/layui.css" th:href="@{/layui/css/layui.css}">-->
</head>
<body>
<!--面包屑导航-->
<div class="layui-card" style="padding: 15px">
    <div class="layui-breadcrumb">
        <a href="javascript:;">首页</a>
        <a href="javascript:;">
            <cite>教师管理</cite>
        </a>
    </div>
</div>

<!--搜索-->
<div style="margin: 0 auto;width: 750px;">
    <div class="layui-form" action="" style="margin: 0 auto">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">搜索</label>
                <div class="layui-input-inline">
                    <input type="text" name="serchValuse" lay-verify="title" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <select name="select" lay-filter="select" style="width: 100px">
                        <option value=""></option>
                        <option value="userName">姓名</option>
                        <option value="userNumber" selected="">学号</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <button  class="layui-btn" lay-submit lay-filter="searchBtn">搜索</button>
                </div>
            </div>
        </div>
    </div>
</div>


<!--表格容器-->
<table id="LayuiTable" lay-filter="mainTable"></table>

<!--查看弹出框-->
<script type="text/html" id="addUserLayer">
    <div id="student_detail" style="width: 400px">
        <table class="layui-table" lay-skin="nob">
            <tbody class="layui-table-body">
            <tr>
                <td>学号</td>
                <td>
                    <div class="layui-form">
                        <input type="text" v-model="userNumber" id="userNumber" class="layui-input" value="001">
                    </div>
                </td>
            </tr>
            <tr>
                <td>姓名</td>
                <td>
                    <div class="layui-form">
                        <input type="text" v-model="userName" id="userName" class="layui-input" value="zs">
                    </div>
                </td>
            </tr>
            <tr>
                <td>电话</td>
                <td>
                    <div class="layui-form">
                        <input type="text" v-model="userPhone" id="userPhone" class="layui-input" value="asdf21">
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</script>

<!--//文件上传按钮 隐藏-->
<div hidden>
    <button type="button" class="layui-btn" url="/excel/user" userType="1" id="uploadEcel"><i class="layui-icon"></i>上传文件
    </button>
</div>

<!--JavaScript脚本-->
<!--<script src="layui/layui.js" th:src="@{/layui/layui.js}"></script>-->
<!--<script src="js/js.js" th:src="@{/js/js.js}"></script>-->


<!--工具栏模板-->
<script type="text/html" id="toolbar">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="add">添加</button>
        <button class="layui-btn layui-btn-sm" lay-event="import"> 导入</button>
        <button class="layui-btn layui-btn-sm" lay-event="delete">删除</button>
    </div>
</script>
<!--表格操作模版-->
<script type="text/html" id="operate">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="setUserTypeOfFudaoyuan">设置为辅导员</button>
        <button class="layui-btn layui-btn-sm" lay-event="setUserTypeOfTecher">设置为老师</button>
        <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="delete">删除</button>
    </div>
</script>

<!--模板是否是辅导员-->
<script type="text/html" id="titleTpl">
    {{#  if(d.userType ==1){ }}
    <div  style="background-color:#c2c2c2;width: 70px;border-radius: 20px;text-align: center">老师</div>
    {{#  }  else{ }}
    <div  style="background-color:#393D49;width: 70px;border-radius: 20px;text-align: center">辅导员</div>
    {{#  }  }}
</script>
<script src="js/js.js" th:src="@{/layui/lay/modules/upload.js}"></script>
<script src="myJs/layUi/teacher.js" th:src="@{/myJs/layUi/teacher.js}"></script>
<script src="myJs/uploadFile.js" th:src="@{/myJs/uploadFile.js}"></script>
<script src="js/vue.min.js" th:src="@{/js/vue.min.js}"></script>
<script src="js/axios.min.js" th:src="@{/js/axios.min.js}"></script>

</body>
</html>